<template>
  <div class="Footer"> 
    <!-- <div class="footer footer-inner">
      <ul class="footer-vip">
        <li>
          <i class="footer-vip-v2-ico01">正品货源</i>
        </li>
        <li>
          <i class="footer-vip-v2-ico02">全球直采</i>
        </li>
        <li>
          <i class="footer-vip-v2-ico03">自营仓储</i>
        </li>
        <li>
          <i class="footer-vip-v2-ico04">入仓检验</i>
        </li>
        <li>
          <i class="footer-vip-v2-ico05">保险保障</i>
        </li>
        <li>
          <i class="footer-vip-v2-ico06">无忧退换</i>
        </li>
        <li>
          <i class="footer-vip-v2-ico07">万千信赖</i>
        </li>
       
      </ul>
    </div> -->
      <h1 class="logo">JPetStore <small>2022</small></h1>
            <p>🏫 Central South University</p>
            <p></p>
            <p>👨‍💻 前端：陈建民 夏雨 赖泽宇</p>
            <p>👨‍💻 后端：滕世源 刘健</p>
  </div>
</template>

<script>
  export default {

  }
</script>
  
<style lang="css" scoped>
.footer-vip {
  overflow: hidden;
  margin-left: 185px;
}

.footer-vip-v2-ico01, .footer-vip-v2-ico02, .footer-vip-v2-ico03, .footer-vip-v2-ico04, .footer-vip-v2-ico05, .footer-vip-v2-ico06, .footer-vip-v2-ico07, .footer-vip-v2-ico08 {
    background: url(//shop.vipstatic.com/img/common/footer_common_20200705-hash-2a8e96cf.png) no-repeat 0 0;
}

.footer-inner {
    width: 1250px;
    margin: 0 auto;
    overflow: hidden;
}
.footer-vip li {
    float: left;
}
.footer-vip i {
    display: block;
    margin-top: 30px;
    margin-right: 38px;
    margin-left: 10px;
    width: 72px;
    height: 75px;
    font-size: 0;
    text-indent: -100%;
}
.footer-vip-v2-ico01 {
    background-position: 0 0;
}
.footer-vip-v2-ico02 {
    background-position: -123px 0;
}
.footer-vip-v2-ico03 {
    background-position: -245px 0;
}
.footer-vip-v2-ico04 {
    background-position: -369px 0;
}
.footer-vip-v2-ico05 {
    background-position: -492px 0;
}
.footer-vip-v2-ico06 {
    background-position: -615px 0;
}
.footer-vip-v2-ico07 {
    background-position: -738px 0;
}
.footer {
    font: 12px/1.5 tahoma,arial,Hiragino Sans GB,WenQuanYi Micro Hei,\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
    display: block;
    clear: both;
    overflow: hidden;
    line-height: 22px;
    padding-top: 0;
    border-top: 1px solid #ebebeb;
    background-color: #fcfcfc;
    color: #4d4d4d;
}
li, ol, ul {
    list-style: none;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.Footer {
  height: 16rem;
  background: rgb(238, 235, 235);
}
.Footer .footerContainer {
  max-width: 1000px;
  margin: 0 auto;
  padding: 2rem 2rem;
}
.Footer .footerContainer .logo{
    color: #4C566A;
    font-size: 2rem;
    line-height: 5rem;
    font-weight: 400;
  }
.Footer .footerContainer p{
    font-size: .8rem;
    font-weight: 500;
    color: #4C566A;
    line-height: 2rem;
  }


*,*:before,*:after {
  box-sizing: border-box;
  margin: 0;
} 
</style>